<meta charset="UTF-8">
<p id="p1">我爱你中国</p>
<input type="color" id="colorinput" />
<input type="range" id="fz2" value="12" />
<select id="fz">
    <option>12px</option>
    <option>14px</option>
</select>
<script>
    var colorinput = document.getElementById("colorinput");
    var p1 = document.getElementById("p1");
    var fz2 = document.getElementById("fz2");
    colorinput.onchange = function(){
        p1.style.color = this.value;
    };

    fz2.onmousemove = function(){
      p1.style["font-size"] = this.value+"px";
    };

</script>
